<template>
  <div class="box">
    <div v-if="title" class="title">{{ title }}</div>
    <slot></slot>
  </div>
</template>
<script setup>
import { defineProps } from 'vue';
const props = defineProps(['title'])
</script>
<style scoped>
.box {
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 5px;
  background-color: #fff;
}
.title {
  font-weight: 700;
  margin-bottom: 10px;
}
</style>